<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <!-- 重置样式 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 当前样式 -->
    <link rel="stylesheet" href="../css/register.css">
</head>

<body>
    <!-- 头部 -->
    <div class="haed container  ">
        <!-- logo -->
        <h1>
            <a class="head-logo  " href="#"><img src="../imgs/logo-white.png" alt="">
            </a>
        </h1>
        <p class="ymts">还没有源码账号? <a class="ljzc" href="./login.html">立即登录</a></p>
    </div>
    <div class=" registerbox">
        <div class="container register  ">
            <div class="registerboxs">
                <div class="registertext">
                    <h1>欢迎注册</h1>
                    <p>百款接口免费试用</p>
                    <div class="biggbag">
                        <img src="../imgs/reg-gift.png" alt="">
                        <span>注册即送300元的大礼包</span>
                    </div>
                    <div class="re-inp-box">
                        <input class="re-inp" type="text" placeholder="用户名">
                        <img class="re-del" src="../imgs/clearInput.png" alt="">
                        <div>
                            <span class="re-tip"></span>
                            <span class="re-errmsg">昵称需在6-12位字母数字间</span>
                        </div>
                    </div>
                    <div class="re-inp-box">
                        <input class="re-inp" type="text" placeholder="手机号">
                        <img class="re-del" src="../imgs/clearInput.png" alt="">
                        <div>
                            <span class="re-tip"></span>
                            <span class="re-errmsg">请输入正确的手机号</span>
                        </div>
                    </div>
                    <div class="re-inp-box">
                        <input class="re-inp re-iphonecode fl" type="text" placeholder="手机号验证码">
                        <button class="re-getcode fl">获取验证码</button>
                        <img class="re-del re-icon" src="../imgs/clearInput.png" alt="">
                        <div>
                            <span class="re-tip"></span>
                            <span class="re-errmsg">请输入4位手机验证码</span>
                        </div>
                    </div>
                    <div class="re-inp-box">
                        <input class="re-inp" type="password" placeholder="密码">
                        <img class="re-del" src="../imgs/clearInput.png" alt="">
                        <div>
                            <span class="re-tip"></span>
                            <span class="re-errmsg">请输入6至12位的密码</span>
                        </div>
                    </div>
                    <div class="re-inp-box">
                        <input class="change-btn" type="checkbox"> 我已阅读并接受
                        <span>
                            <a href="https://www.itsource.cn/"> <<源码用户协议>></a> <<源码隐私政策>>
                         </span>
                    </div>
                    <div class="re-inp-box">
                        <button class="re-btn" disabled>立即注册</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <script src="../js/register.js"></script>
</body>

</html>